<template>
  <div id="tiroGuide">
    <div id="TopTipHolder" style="height: 49px">
      <div id="TopTip">
        <a href="http://m.me/100797835244947" target="_blank"
          ><img src="/common/static/images/msg.jpg"
        /></a>
      </div>
      <div id="TopTipClose" title="Close"></div>
    </div>
    <div id="app">
      <div class="div2"></div>
      <!---->
      <div data-v-2996cf51="" class="tiroGuidePage">
        <img
          data-v-2996cf51=""
          src="../assets/image/itroGuide/bj01.png"
          class="bgImg"
        /><!----><!----><!----><!----><!---->
        <div data-v-2996cf51="">
          <div data-v-2996cf51="" class="van-overlay">
            <span data-v-2996cf51="" class="skipBtn"
              >Skip<img
                data-v-2996cf51=""
                src=""
            /></span>
            <div data-v-2996cf51="" class="anchorBox">
              <div data-v-2996cf51="" class="wrapper">
                <img
                  data-v-2996cf51=""
                  src="/common/static/index/img/step1_guide_textImg1.83680304.png"
                  class="rightTextImg1 showRightIcon"
                /><img
                  data-v-2996cf51=""
                  src="/common/static/index/img/step1_guide_textImg2.48621e68.png"
                  class="leftTextImg1 showLeftIcon"
                /><img
                  data-v-2996cf51=""
                  src="/common/static/index/img/step1_guide_btn1.cc20dd67.png"
                  class="btn1 lightBtn"
                /><img
                  data-v-2996cf51=""
                  src="/common/static/index/img/guide_handImg.43e270cf.png"
                  class="handIcon step1_hand showLeftBottomIcon"
                />
              </div>
              <!----><!----><!----><!----><!----><!----><!----><!---->
            </div>
          </div>
        </div>
        <!---->
      </div>
      <div
        greeting_dialog_display="hide"
        page_id="100411901973959"
        class="fb-customerchat"
      ></div>
      <div><!----></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "tiroGuide",
};
</script>

<style lang = "scss" scoped>
@media only screen and (max-width: 900px) {
  #TopTipHolder {
    height: 0;
    overflow: hidden;
    position: relative;
    z-index: 9999;
      #TopTipHolder img {
        max-width: 100%;
    }
      #TopTipClose {
        cursor: pointer;
        width: 25px;
        height: 22px;
        background: url(/common/static/images/close.png) no-repeat;
        position: absolute;
        right: 10px;
        top: 10px;
    }
}
}

</style>